<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>五维运动</title>
    <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <style>
      /* 初始化 */
      body,div,span,p,input,img,a,ul,li,ol,dl,dt,dd,h1,h2,h3,h4,header,nav,article,aside,footer,section,figure,button,textarea{
        margin: 0;
        padding: 0;
        border: 0;
        list-style: none;
        outline:none;
        font-family: "Microsoft YaHei";
      }
      body{
        color: #8e8e8e;
        font-family: "Microsoft YaHei";
      }
      a{
        text-decoration: none;
        color: #8e8e8e;
        -webkit-tap-highlight-color:rgba(0,0,0,0);
        font-family:"Microsoft YaHei";
      }
      a:hover{
        text-decoration: none;
        color: #8e8e8e;
      }
      img[src='']{
        opacity:0;
      }
      .clearfix{
        clear: both;
      }
      .fl{
        float: left;
      }
      .fr{
        float:right;
      }
      input[type=button], input[type=submit], input[type=file], button { cursor: pointer;-webkit-appearance:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
      /* rem适配 */
      html {
        font-size : 10px;
      }
      /* 屏幕最小宽度/320*10 */
      @media only screen and (min-width: 360px){
        html {
          font-size: 11.25px !important;
        }
      }
      @media only screen and (min-width: 375px){
        html {
          font-size: 11.71875px !important;
        }
      }
      @media only screen and (min-width: 412px){
        html {
          font-size: 12.875px !important;
        }
      }
      @media only screen and (min-width: 414px){
        html {
          font-size: 12.9375px !important;
        }
      }
      @media only screen and (min-width: 640px){
        html {
          font-size: 20px !important;
        }
      }
      @media only screen and (min-width: 768px){
        html {
          font-size: 24px !important;
        }
      }
      @media only screen and (min-width: 1024px){
        html {
          font-size: 32px !important;
        }
      }
      .detailBox .content img{
        width: 100%;
        margin-top:0.5rem;
      }
    </style>
  </head>
  <body>
    <div id="app"></div>
    <!-- built files will be auto injected -->
  </body>
</html>
